<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<script type="text/javascript">
	function liberarBotao() {
		var form = document.cadastroForm;
		var campo1 = form.email.value;
		var campo2 = form.passwdConta.value;
		var campo3 = form.confirmPasswdConta.value;
		
		if((campo1 != "") && (campo2 != "") && (campo3 != "")) {
			form["cadastrarConta-concluir"].disabled = false;
			form["cadastrarConta-cadastrarNovaConta"].disabled = false;
		}
	}

	function redirectRemoverConta(nomeConta) {
		if(window.confirm('Deseja realmente apagar esta conta de email?')) {
			var email = document.cadastroForm.nomeContaRemover;
			var metodo = document.cadastroForm.metodo;
			
			email.value = nomeConta;
			metodo.value = 'apagarConta';
			
			return true;
		} else {
			return false;
		}
	}

	function redirectConfirmacaoDados() {
		document.cadastroForm.metodo.value = "redirecionarConfirmacaoDados";
	}

	function validarDados() {
		var form = document.cadastroForm;
		var email = form.email.value;
		var senha = form.passwdConta.value;
		var confSenha = form.confirmPasswdConta.value;

		// Validar nome usuário
		// TODO

		// Validar senha
		if(senha != confSenha) {
			alert('A senha e a Confirmação de Senha não coincidem');
			return false;
		}

		return true;
	}
</script>

<form name="cadastroForm" action="realizarCadastros.do" method="post">
<input type="hidden" name="metodo" value="receberDadosConta"/>
<input type="hidden" name="nomeContaRemover"/>

<div>
	<c:forEach var="contaEmail" items="${contas}">
		<fieldset>
			<legend>Dados da Conta</legend>
				<TABLE>
					<TR>
						<TD>Email</TD>
						<TD><input type="text" value="${contaEmail.enderecoEmail}" readonly="readonly"/></TD>
					</TR>
					<TR>
						<TD>Senha:</TD>
						<TD><input type="password" value="${contaEmail.senha}" readonly="readonly"/></TD>
					</TR>
					<TR>
						<TD>Confirmação de Senha:</TD>
						<TD><input type="password" value="${contaEmail.senha}" readonly="readonly"/></TD>
					</TR>
					<TR>
						<TD><input type="submit" value="Apagar" onclick="return redirectRemoverConta('${contaEmail.enderecoEmail}');"/></TD>
					</TR>
				</TABLE>
		</fieldset>
	</c:forEach>
	<fieldset>
		<legend>Dados da Conta</legend>
			<TABLE>
				<TR>
					<TD>Email</TD>
					<TD><input type="text" name="email" onkeypress="liberarBotao();"/></TD>
				</TR>
				<TR>
					<TD>Senha:</TD>
					<TD><input type="password" name="passwdConta" onkeypress="liberarBotao();"/></TD>
				</TR>
				<TR>
					<TD>Confirmação de Senha:</TD>
					<TD><input type="password" name="confirmPasswdConta" onkeypress="liberarBotao();"/></TD>
				</TR>
			</TABLE>
	</fieldset>
	<div>
		<input type="submit" value="Concluir" name="cadastrarConta-concluir" onclick="redirectConfirmacaoDados();" disabled/>
		<input type="button" value="Cancelar" onclick="if(confirm('Deseja realmente cancelar o cadastro?')){location = 'telaPrincipal.do'};"/>
	</div>
</div>
</form>